<template>
  <div class="moveBlock">
    <el-row >
      <el-col :span="5" >
        客房数量：{{}}
      </el-col>
      <el-col :span="5">
        <el-button type="">
          添加客房
        </el-button>
      </el-col>

    </el-row>
    <el-row class="topSearch">
      <el-col :span="24">
        <el-table :data="tableData" height="500" border style="width: 100%">
          <el-table-column prop="num" label="序号" width="80"></el-table-column>
          <el-table-column
            prop="roomCode"
            label="房间号"
            width="100">
          </el-table-column>

          <el-table-column
            prop="deviceType"
            label="网关"
            width="150">
          </el-table-column>
          <el-table-column
            prop="fixed"
            label="状态"
            width="100">
          </el-table-column>
          <el-table-column
            prop="createTime"
            label="操作">
          </el-table-column>

        </el-table>
      </el-col>
    </el-row>


  </div>

</template>

<script>
  export default {
    data() {
      return {
        queryParams: {
          date: '',
          serveType: '',
        },
        date: '',
        serveTypes: '',
        count(){
          let ary = []
          for (let i = 0; i < 24; i++) {
            ary.push(i)
          }
          return ary
        },
        open8() {
          this.$message({
            showClose: true,
            message: '请选择时间和服务类型',
            type: 'error'
          });
        }
      }
    },
    methods: {

    },
    beforeCreate(){

      /*服务类型*/
      this.$axios.get('/api/api/constants').then((data) => {
        if (data.data.serveTypes) {
          this.serveTypes = data.data.serveTypes
        }

      })
    },
    mounted(){


    }
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style>

</style>
